<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">
  <head>
    <title></title> 
    <base href="<%=basePath%>">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0"> 
	<%@ include file="/common/importJsCss.jsp" %>
 	<script type="text/javascript" id="preJavascript">
$(function(){
	$('.tooltip-demo').tooltip({
      	selector: "a[rel=tooltip]"
    });
    		
    $('.tooltip-test').tooltip();
});	
	</script>
  </head>  
  <body>
    <div class="container">
        <div class="page-header">
            <h2>简单提示信息</h2>
        </div>
<pre class="prettyprint linenums"></pre>
		<div class="tooltip-demo">
			<ul>
              <li><a href="#" rel="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</a></li>
              <li><a href="#" rel="tooltip" data-placement="right" title="Tooltip on right">Tooltip on right</a></li>
              <li><a href="#" rel="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</a></li>
              <li><a href="#" rel="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</a></li>
            </ul>
   		</div>
   		
   		<div>
			<ul>
              <li><a href="#" class="tooltip-test" data-placement="top" title="Tooltip on top">Tooltip on top</a></li>
              <li><a href="#" class="tooltip-test" data-placement="right" title="Tooltip on right">Tooltip on right</a></li>
              <li><a href="#" class="tooltip-test" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</a></li>
              <li><a href="#" class="tooltip-test" data-placement="left" title="Tooltip on left">Tooltip on left</a></li>
            </ul>
   		</div>
    </div>
  </body>
</html>
